import React, { useState } from 'react';

// A传给父
function A({ getAData }) {
  return (
    <div>
      A
      <button onClick={() => getAData('把这个传递给B')}>点击把A传给B</button>
    </div>
  )
}

// B接收父
function B({ data }) {
  return (
    <div>B,{data}</div>
  )
}

// 父接A,再传B
const App = () => {
  const [data, setData] = useState('');
  const handleGetAData = (num) => {
    setData(num);
  }

  return (
    <div>
      <A getAData={handleGetAData}></A>
      <B data={data}></B>
    </div>
  )
};

export default App;
